<html>
<head>
<title>纯css实现的质感圆角按钮</title>
<style type="text/css">
body{font-size:12px;}
.a{display:inline-block; border-width:1px 0; border-color:#bbbbbb; border-style:solid; vertical-align:middle; *display:inline; zoom:1;}
.b{height:22px; border-width:0 1px; border-color:#bbbbbb; border-style:solid; margin:0 -1px; background:#e3e3e3; position:relative; _float:left;}
.c{line-height:10px; background:#f9f9f9; border-bottom:2px solid #eeeeee;}
.d{padding:0 8px; line-height:22px; color:#000000; margin-top:-12px; cursor:pointer;}
</style>
</head>
<body>
<div class="a">
<div class="b">
   <div class="c">&nbsp;</div>
   <div class="d">css圆角按钮</div>
</div>
</div>
&nbsp;
<div class="a">
<div class="b">
   <div class="c">&nbsp;</div>
   <div class="d">css圆角按钮2</div>
</div>
</div>
</body>
</html>